<template>
	<view class="job-item" @click="toInfo">
		<view class="up-flex up-flex-between up-flex-items-center up-m-b-24">
			<view class="up-flex up-flex-items-center">
				<view class="f-s-18 f-w-ber up-m-r-24">{{ info.name }}</view>
				<up-tag :text="info.type == '1' ? '全职':'兼职'" borderColor="#165DFF" color="#165DFF" plain> </up-tag>
			</view>
			<view class="main-color f-s-16 f-w-b">
				{{ info.compensation }}
			</view>
		</view>
		<up-tag :text="info.city" bgColor="#F2F3F5" borderColor="#F2F3F5" color="#999"> </up-tag>
		<view class="up-m-t-32 f-s-14 up-content-color">{{ info.company }}<text class="u-m-l-10 u-m-r-10">·</text>{{ info.linkman }}</view>
		<view class="up-flex up-flex-items-center up-m-t-16">
			<up-icon name="info-circle" color="#f9ae3d" :size="14"></up-icon>
			<view class="f-s-12 up-warning up-m-l-12">
				岗位要求：{{ info.demand }}
			</view>
		</view>
	</view>
</template>

<script setup>
	import Func from '@/utils/common.js'
	const props = defineProps({
		info: {
			type: Object,
			default: () => ({})
		}
	})
	
	const toInfo = () => {
		uni.navigateTo({
			url: '/subPackages/app/recruit/Info?id=' + props.info.id
		})
	}
</script>

<style scoped lang="scss">
	.job-item {
		padding: 16px 18px;
		border-radius: 4px;
		background-color: #ffffff;
		margin-bottom: 12px;
	}
</style>